<template>
	<view class="head">

		<view>
			<view class="me_img">
				<image class="image" :src="userimg"></image>
				<view class="bigsize">{{name}}</view>
				<view class="minsize">ID:{{unionId}}</view>
			</view>
		</view>
		<!-- 其他信息 -->
		<view class="list_all" style="margin: 20rpx auto;">
			<text>基本信息</text>
			<view style="border-bottom: 1rpx solid #e7e7e7; display: flex; justify-content: space-between;">
				<view class="size">性别：</view>
				<view class="size">{{gender}}</view>
			</view>
			<view style="border-bottom: 1rpx solid #e7e7e7; display: flex; justify-content: space-between;">
				<view class="size">城市：</view>
				<view class="size">{{city}}</view>
			</view>
			<view style="border-bottom: 1rpx solid #e7e7e7; display: flex; justify-content: space-between;">
				<view class="size">省份：</view>
				<view class="size">{{province}}</view>
			</view>

		</view>


		<view>
			<!-- 灰条 -->
			<view class="huitiao"></view>

			<view class="list_all">
				<view class="list1">
					<view class="after">
						<view class="size" style="font-size: 42rpx;">爱好/向往</view>
					</view>
					<view class=" bigsize" style="font-size: 42rpx;">😀😀😀😀😀</view>
				</view>

			</view>
		</view>
		<view>
			<view class="list_all">
				<view class="list1">
					<view class="after">
						<view class="size" style="font-size: 42rpx;">个性签名</view>
					</view>
					<view class=" bigsize" style="font-size: 42rpx;">加油并悄悄拔尖!</view>
				</view>

			</view>
		</view>
		<view>
			<view class="list_all">
				<view style="display: flex;justify-content: center;" @click="more">
					<view style="font-size: 40rpx;">更多</view>
				</view>

			</view>
		</view>



		<view class="huitiao" ></view>
		<view>
			<view class="list_all">
				<view class="list1" style="display: flex;justify-content: center;" @click="sengmsg">
					<view style="font-size: 45rpx;text-align: center;color: #0000CC;">发信息</view>
				</view>

			</view>
		</view>

	</view>

</template>

<script>
	// 导入弹出vue
	import Modal from '../../components/x-modal/x-modal.vue';
	// 更新
	import wybLoading from '@/components/wyb-loading/wyb-loading.vue'
	export default {
		data() {
			return {
				token: '',
				userimg: '',
				name: '',
				unionId: '',
				gender: '',
				city: '',
				province: '',
				// 退出框
				show: false
			}
		},
		methods: {
			sengmsg() {

			},
			more()
			{
				uni.showToast({
					icon: "none",
					title: '暂无更多'
				
				})
			}
		},
		onLoad(option) {
			// this.jkjk()
			// 获取本地的数据
			uni.getStorage({
				key: "userInfo",
				success: res => {
					let arrys = res.data
					// console.log(res.data, arrys),
					this.name = arrys.nickName
					this.userimg = arrys.avatarUrl
					this.unionId = arrys.unionId
					this.city = arrys.city
					this.province = arrys.province
					// 处理性别
					if (arrys.gender == 1) {
						this.gender = '男'
					} else if (arrys.gender == 0) {
						this.gender = "女"
					} else {
						this.gender = "还未填写"
					}
				}

			})

		},
		components: {
			Modal,
			wybLoading
		}
	}
</script>

<style lang="less" scoped>
	// 全局size
	.withsize {
		font-size: 40rpx;
	}

	.bigsize {
		font-size: 38rpx;
		font-weight: bold;
	}

	.size {
		font-size: 36rpx;
	}

	.minsize {
		font-size: 30rpx;
	}

	.head {
		.me_img {
			width: 90%;
			margin: 0 auto;

			.image {
				float: left;
				width: 125rpx;
				height: 125rpx;
				border-radius: 20rpx;
				margin-right: 25rpx;
			}
		}

		.list_all {
			width: 90%;
			// background-color: red;
			margin: 20rpx auto;

			.list1 {
				border-bottom: 2rpx solid #D9D9D9;
				display: flex;
				margin: 20rpx auto;
				justify-content: space-between;

				.after {
					display: flex;
				}


			}

			
		}
		// 灰条
		.huitiao {
			width: 110%;
			background-color: #efefef;
			height: 25rpx;
		
		}
	}
</style>
